import React from 'react'
import { NavLink } from 'react-router-dom'



export default function Footer () {

  return (
    <div className="footer">
      <i>
        <span className="iconfont font22">&#xe63b;</span>
        <p>发现音乐</p>
      </i>
      <i>
        <span className="iconfont font22">&#xe724;</span>
        <p>我的音乐</p>
      </i>
      <i>
        <NavLink to={'/register'} className="iconfont font22" style={{
          'fontSize': '25px', 'width': ' 0.4rem',
          'height': '0.42rem',
          'color': ' #a6a8a7',
          'textAlign': 'center'
        }}>&#xe604;</NavLink>
        <p>注册</p>
      </i>
      <i>
        <NavLink to={'/login'} className="iconfont font22" style={{
          'fontSize': '25px', 'width': ' 0.4rem',
          'height': '0.42rem',
          'color': ' #a6a8a7',
          'textAlign': 'center'
        }}>&#xe618;</NavLink>
        <p>账号</p>
      </i>
    </div>
  )
}

